<!--添加第一个css-->
<script ng-init="OneCss('index-content-page/css/index-content.css')"></script>
<!--添加第二个css（不管有没有）-->
<script ng-init="TwoCss('')"></script>

<div class="row clearfix">
    <div class="col-md-12 column">
        <nav class="navbar navbar-default" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1"><span class="sr-only">Toggle navigation</span><span
                        class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
                <a class="navbar-brand" href="#">一站图书</a>
            </div>
            <div class="collapse navbar-collapse active" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">


                    <li ng-if="app.user.studentId!=null">
                        <a href="#">超期书籍</a>
                    </li>

                </ul>
                <form class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <input type="text" ng-model="searchvar" class="form-control" placeholder="输入图书编号，或图书名"/>
                    </div>
                    <button type="submit" ng-click="searchClick()" class="btn btn-default">搜索</button>
                </form>
                <ul class="nav navbar-nav navbar-right">

                    <li class="dropdown" ng-if="user.adminId!=null">
                        <a href="#addBook" class="dropdown-toggle" data-toggle="dropdown">添加图书<strong
                                class="caret"></strong></a>

                    </li>
                </ul>
            </div>
        </nav>
        <div class="jumbotron">
            <h1>
                公告
            </h1>
            <p>
                因图书系统升级,我们将在2017/6/28-2017/7/1,4天内暂停借书与还书,
                这期间内超过还书期限的书籍,都不会记录.给各位带来不便,还请谅解.
            </p>
            <p ng-if="user.adminId!=null">
                <a class="btn btn-primary btn-large" href="#">添加公告</a>
            </p>
        </div>
        <h3>
            科学类
        </h3>
        <ul class="nav nav-pills" ng-if="app.user.studentId!=null">
            <li>
                <a href="#"> <span class="badge pull-right">42</span> 已借</a>
            </li>
            <li>
                <a href="#"> <span class="badge pull-right">16</span> 超期</a>
            </li>
        </ul>
        <div class="row">
            <div class="col-md-4" ng-repeat=" bookScience in bookScience">

                <div class="thumbnail" ng-click="updatebook(bookScience)">

                        <img alt="300x200" ng-src="{{bookScience.bookimg}}"/>
                        <div class="caption">
                            <h3>
                                {{bookScience.bookName}}
                            </h3>
                            <p class="text" style="color: black;">
                                {{bookScience.bookIntroduction}}
                            </p>
                            <p ng-if="user.adminId!=null">
                                <a class="btn btn-primary" ng-click="updatebook(bookScience.bookId)" href="javascript:">修改</a>
                                <a class="btn btn-primary" ng-click="deletebook(bookScience.bookId)" href="javascript:">下架</a>
                            </p>
                        </div>
                        <div class="progress progress-striped">
                            <div class="progress-bar progress-bar-success" role="progressbar"
                                 aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                 style="width: {{bookScience.width}};">
                                <span class="sr-only">{{bookScience.borrownum}}/{{bookScience.bookNum}}</span>
                            </div>
                        </div>

                </div>

            </div>


        </div>

        <h3>
            植物类
        </h3>
        <ul class="nav nav-pills">
            <li ng-if="app.user.studentId!=null">
                <a href="#"> <span class="badge pull-right">42</span> 已借</a>
            </li>
            <li ng-if="app.user.studentId!=null">
                <a href="#"> <span class="badge pull-right">16</span> 超期</a>
            </li>
        </ul>
        <div class="row">
            <div class="col-md-4" ng-repeat=" bookScience in bookBiology">

                <div class="thumbnail" ng-click="updatebook(bookScience)">

                        <img alt="300x200" ng-src="{{bookScience.bookimg}}"/>
                        <div class="caption">
                            <h3>
                                {{bookScience.bookName}}
                            </h3>
                            <p class="text" style="color: black;">
                                {{bookScience.bookIntroduction}}
                            </p>
                            <p ng-if="user.adminId!=null">
                                <a class="btn btn-primary" href="#bookinfo" ng-click="updatebook(bookScience.bookId)"
                                   href="javascript:">修改</a>
                                <a class="btn btn-primary" ng-click="deletebook(bookScience.bookId)"
                                    href="javascript:">下架</a>
                            </p>
                        </div>
                        <div class="progress progress-striped">
                            <div class="progress-bar progress-bar-success" role="progressbar"
                                 aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                 style="width: {{bookScience.width}};">
                                <span class="sr-only">{{bookScience.borrownum}}/{{bookScience.bookNum}}</span>
                            </div>
                        </div>

                </div>

            </div>


        </div>
        <h3>
            电学类
        </h3>
        <ul class="nav nav-pills">
            <li ng-if="app.user.studentId!=null">
                <a href="#"> <span class="badge pull-right">0</span> 已借</a>
            </li>
            <li ng-if="app.user.studentId!=null">
                <a href="#"> <span class="badge pull-right">0</span> 超期</a>
            </li>
        </ul>
        <div class="row">
            <div class="col-md-4" ng-repeat=" bookScience in bookElectrical">

                <div class="thumbnail" ng-click="updatebook(bookScience)">

                        <img alt="300x200" ng-src="{{bookScience.bookimg}}"/>
                        <div class="caption">
                            <h3>
                                {{bookScience.bookName}}
                            </h3>
                            <p class="text" style="color: black;">
                                {{bookScience.bookIntroduction}}
                            </p>
                            <p ng-if="user.adminId!=null">
                                <a class="btn btn-primary"href="#bookinfo" ng-click="updatebook(bookScience.bookId)"
                                   href="javascript:">修改</a>
                                <a class="btn btn-primary" ng-click="deletebook(bookScience.bookId)"
                                    href="javascript:">下架</a>
                            </p>
                        </div>
                        <div class="progress progress-striped">
                            <div class="progress-bar progress-bar-success" role="progressbar"
                                 aria-valuenow="{{(bookScience.bookNum-bookScience.borrownum)/bookScience.bookNum}}"
                                 aria-valuemin="0" aria-valuemax="100" style="width: {{bookScience.width}};">

                                <span class="sr-only">{{bookScience.borrownum}}/{{bookScience.bookNum}}</span>
                            </div>
                        </div>

                </div>

            </div>


        </div>
        <h3>
            传记类
        </h3>
        <ul class="nav nav-pills">
            <li ng-if="app.user.studentId!=null">
                <a href="#"> <span class="badge pull-right">0</span> 已借</a>
            </li>
            <li ng-if="app.user.studentId!=null">
                <a href="#"> <span class="badge pull-right">0</span> 超期</a>
            </li>
        </ul>
        <div class="row">
            <div class="col-md-4" ng-repeat=" bookScience in bookbiography">

                <div class="thumbnail" ng-click="updatebook(bookScience)">

                        <img alt="300x200" ng-src="{{bookScience.bookimg}}"/>
                        <div class="caption">
                            <h3>
                                {{bookScience.bookName}}
                            </h3>
                            <p class="text" style="color: black;">
                                {{bookScience.bookIntroduction}}
                            </p>
                            <p ng-if="user.adminId!=null">
                                <a class="btn btn-primary" href="#bookinfo" ng-click="updatebook(bookScience.bookId)"
                                   href="javascript:">修改</a>
                                <a class="btn btn-primary" ng-click="deletebook(bookScience.bookId)"
                                    href="javascript:">下架</a>
                            </p>
                        </div>
                        <div class="progress progress-striped">
                            <div class="progress-bar progress-bar-success" role="progressbar"
                                 aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                 style="width: {{bookScience.width}};">
                                <span class="sr-only">{{bookScience.borrownum}}/{{bookScience.bookNum}}</span>
                            </div>
                        </div>

                </div>

            </div>
        </div>

    </div>
</div>





